<template>
  <div id="personal">
    <div class="md-example-child md-example-child-tabs">
      <md-tabs class="tab-blcok" v-model="selTab">
        <md-tab-pane class="page-content" name="p2" label="身份信息">
          <identity></identity>
        </md-tab-pane>
        <md-tab-pane class="page-content" name="p3" label="实名设置">
          <verify ></verify>
        </md-tab-pane>
      </md-tabs>
    </div>
  </div>
</template>

<script>
import { Tabs, TabPane, Icon } from "mand-mobile";
import Identity from "@/components/personalInfo/identity"; //身份注册
import Verify from "@/components/personalInfo/verify"; //实名验证

export default {
  components: {
    [Icon.name]: Icon,
    [Tabs.name]: Tabs,
    [TabPane.name]: TabPane,
    Identity,
    Verify
  },
  name: "personal",
  data() {
    return {
      selTab: "p2"
    };
  },
  methods: {
   
  },
  created() {
    console.log(this.$route.query.selTab)
    this.selTab = this.$route.query.selTab;
  }
};
</script>

<style  lang="scss" scoped>
$themeColor: #444444;
$themeGold: #d7b987;
#personal {
  .md-example-child-tabs {
    .page-content {
      // background: #FFF;
    }
  }
}
</style>
